<template>
  <div class="container">
    <div v-for="(item, index) in imgSrc" :key="index">
      <img v-imgLazy="item" />
    </div>
  </div>
</template>

<script>
import imgLazy from "@/directive/imgLazy.js";
export default {
  directives: {
    imgLazy: imgLazy,
  },
  data() {
    return {
      imgSrc: [
        require("../../assets/img/0063ce30b72840e26333476068942c7d.jpeg"),
        require("../../assets/img/10622.jpg"),
        require("../../assets/img/150 .jpg"),
        require("../../assets/img/404.94e7c552.jpg"),
        require("../../assets/img/ad.4c6b6225.png"),
        require("../../assets/img/indexLogo.6f8ac4f0.png"),
        require("../../assets/img/integral-01.9386d4bf.png"),
        require("../../assets/img/integral-02.150d92a1.png"),
        require("../../assets/img/integral-03.9870f3f1.png"),
        require("../../assets/img/banner.4c6b6225.png"),
        require("../../assets/img/userImg.f8bbec5e.png"),
        require("../../assets/img/jingpin.png"),
        require("../../assets/img/login-box-bg.png"),
      ],
    };
  },
};
</script>

<style lang="less" scoped>
img {
  width: 200px;
  height: 200px;
}
</style>
